<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
		<title>我的小滴</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/HeaderFooter.css">
		<link rel="stylesheet" href="css/MD.css">
		<script>
			window.onload = function(){
				var user = document.getElementById("username");
				var exit = document.getElementById("exit");
				user.innerHTML = window.localStorage.getItem('username');
				exit.onclick = function(){
					if(confirm("是否退出登录？")){
						window.location.href = 'index.html';
						window.localStorage.getItem('username');
						window.localStorage.removeItem('username');
					}
				}
			}
			
		</script>
	</head>
	<body>
		<header>我的小滴</header>
		<section class="back">
			<img src="./img/项目用图/banner5.png">
		</section>
		
		<div>
			<img src="img/项目用图/head.png">
			<p id="username"></p>
			<button id="exit">退出登录</button>
		</div>
		
		<ul class="center">
			<li><a href="#"><img class="before-logo" src="img/项目用图/gr_1.png"><span>我的客户</span><img class="angle-mark" src="img/项目用图/jt.png"></a></li>
			<li><a href="#"><img class="before-logo" src="img/项目用图/gr_2.png"><span>查询余额</span><img class="angle-mark" src="img/项目用图/jt.png"></a></li>
			<li><a href="#"><img class="before-logo" src="img/项目用图/gr_3.png"><span>历史记录</span><img class="angle-mark" src="img/项目用图/jt.png"></a></li>
			<li><a href="#"><img class="before-logo" src="img/项目用图/gr_4.png"><span>修改密码</span><img class="angle-mark" src="img/项目用图/jt.png"></a></li>
		</ul>
		
		<footer>
			<!-- https://icon.qiantucdn.com/20200419/0f2c294d525364591f186c7d6151de902 -->
			<ul>
				<li><a href="DropleService.html"><img src="img/项目用图/nav10.png"><span>小滴服务</span></a></li>
				<li><a href="EnterpriseProject.html"><img src="img/项目用图/nav20.png"><span>企业项目</span></a></li>
				<li><a href="ServceProcess.html"><img src="img/项目用图/nav30.png"><span>服务流程</span></a></li>
				<li><a href="PlatformPresence.html"><img src="img/项目用图/nav40.png"><span>平台风采</span></a></li>
				<li><a href="MyDrops.html"><img src="img/项目用图/nav51.png"><span>我的小滴</span></a></li>
			</ul>
		</footer>
	</body>
</html>
